<template>
  <div class="main device-container">
    <div class="left-box">
      <Statistic></Statistic>
    </div>
    <div class="right-box">
      <List></List>
    </div>
  </div>
</template>

<script>
import Statistic from './components/statistic'
import List from './components/list'

export default {
  name: 'Device',

  components: {
    Statistic,
    List
  },

  data () {
    return {
    }
  },

  mounted () {
  }
}
</script>

<style lang="stylus">
@import '../../../assets/stylus/base'

.device-container {
  padding-top: 52px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: #fff;
  clearfix()

  .left-box {
    float: left;
    width: 33.3%;
    height: 100%;
    padding: 40px 0 10px 20px;
    box-sizing: border-box;
  }

  .right-box {
    float: left;
    display: inline-block;
    width: 66.6%;
    height: 100%;
    padding: 40px 0px 10px 0px;
    box-sizing: border-box;
  }
}
</style>
